loading...
P30 Programmer | پی سی برنامه نویس | آموزش برنامه نویسی | دانلود پروژه برنامه نویسی | دانلود نرم افزار و بازی | کلیپ |
admin بازدید : 138 پنجشنبه 29 خرداد 1393 نظرات (0)

HTML چیست ؟

عبارت HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.

به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.

کامپایلر های زبان های برنامه نویسی سروری در نهایت کد های خود را برای نمایش به کد اچ تی ام ال تبدیل میکنند و برای مرورگر میفرستند تا به کاربران نمایش داده شود.

HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .

در مقاله ی تگ های Html به این موصوع به طور مفصل پرداخته شده است.
در يک صفحه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول  و ... را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند. بدین معنا که برای تصویر کد مربوط به تمایش تصویر و جدول و ... کدهای اچ تی ام ال مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد.


admin بازدید : 164 سه شنبه 27 خرداد 1393 نظرات (0)

مرجع نام و شماره رنگ ها در CSS

در این بخش از آموزش css به توضیح ویژگی مرجع نام و شماره رنگ ها در CSS میپردازیم.

  Colors Value 

رنگ ها در css  با روش های زیر مقدار دهی میشوند.

  1. Hexadecimal colors
  2. RGB colors
  3. RGBA colors
  4. HSL colors
  5. HSLA colors
  6. color names




admin بازدید : 668 سه شنبه 27 خرداد 1393 نظرات (0)

در این بخش از آموزش css به توضیح ویژگی آموزش و معرفی انتخابگرها CSS Selectors میپردازیم.

CSS Selectors

انتخابگر ها برای دادن الگوهای مورد نظر ما ، به عناصر به کاربرده میشوند .تمامی این انتخاب گرها را با ذکر مثال توضیح میدهیم . 

ما به تعریف تک تک ویژگی های  انتخابگرها در 3 قسمت میپردازیم :

  1. مرجع انتخابگرها در css ، بخش اول
  2. مرجع انتخابگرها در css ، بخش دوم
  3. مرجع انتخابگرها در css ، بخش سوم


برای آموزش سه مورد بالا به ادامه مطلب بروید.

admin بازدید : 135 سه شنبه 27 خرداد 1393 نظرات (0)

در این بخش از آموزش css به توضیح ویژگی تنظیم شفافیت عناصر Opacity میپردازیم.

Opacity

با ویژگی Opacity میتوانید شفافیت تصاویر را تغییر دهید.

img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}




admin بازدید : 229 سه شنبه 27 خرداد 1393 نظرات (0)

در این بخش از آموزش css به توضیح ویژگی نمایش عناصر Cursor , Display , Visibility میپردازیم.

cursor
انواع مختلفی از نمایش مکان نما در صفحه را مشخص میکند.
زمانی که روی یک عنصری که مشخص کرده ایم میرویم مکان نما به شکل مورد نظر نشان داده میشود.

span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}



admin بازدید : 144 سه شنبه 27 خرداد 1393 نظرات (0)

float

در این بخش از آموزش css به توضیح ویژگی محل قرارگیری عناصر - خواص Clear , Float میپردازیم.

با این ویژگی از css موقعیت یک عنصررا می توانید سمت چپ یا راست تنظیم کنید.

یکی از پرکاربردترین ویژگی ها در css میباشد. بادادن این ویژگی به تگ ها شما میتوانید سایت های چند ستونه ایجاد کنید. 

این خاصیت یکی از پایه های اساسی در طراحی قالب بر اساس div می باشد.

وقتی به یک عنصر در کد خود float به سمت چپ یا راست میدهید ، عنصر مورد نظر به آن سمت خاص میرود و بقیه عنصر هایی که بعد از تگ مذکور آمده اند و float ندارند به سمت مخالف رانده میشوند و اطراف عنصر مورد نظر قرار میگیرند.


.text 
{
float:left;
width:110px;
height:90px;
margin:5px;
}

clear

اگر عنصر ی بعد از عنصری که ویژگی float را دارد، خاصیت clear داشته باشد، اطراف عنصر ی که ویژگی float را دارد قرار نمی گیرد.

عنصر ی که خاصیت clear=both دارد و float نیز شده باشد، فقط عنصر هایی را که قبل از خودش آمده است، clear میکند . و عنصرهای بعدی را تحت تاثیر قرار نمیدهد

img
{
float:left;
}
p.clear
{
clear:both;
}



admin بازدید : 142 سه شنبه 27 خرداد 1393 نظرات (0)

محل قرارگیری عناصر - خواص مربوط به Position

در این بخش از آموزش css به توضیح خواص مربوط به Position میپردازیم.

با استفاده از ویژگی  Position    موقعیت عنصر در صفحه را مشخص کنید.همچنین میتوانید یک عنصر را پشت عنصر دیگر قرار دهید و اینکه چه اتفاقی بیفتد زمانی که محتوای یک عنصر بیش از اندازه بزرگ است.

عناصری که از ویژگی Position استفاده میکنند،ویژگی های زیر را نیز میتوانند داشته باشند.


admin بازدید : 137 سه شنبه 27 خرداد 1393 نظرات (0)

در این بخش از آموزش css ، تنظیم خواص باکس ها را آموزش میدهیم. همه ی عناصری که در  HTML   تعریف میشوند میتوانند این ویژگی ها را داشته باشند.

این بخش یکی از مهمترین آموزش ها ، در سی اس اس و طراحی قالب سایت می باشد.



admin بازدید : 200 سه شنبه 27 خرداد 1393 نظرات (0)

لیست UL و LI در سی اس اس

در این بخش از آموزش css ، تنظیم لیست ها را آموزش میدهیم.

ویژگی هایی که برای یک لیست در css وجود دارد به ما این امکان را میدهد که  List را در 3 حالت زیر نمایش دهیم.

  • تنظیم لیست یه صورت مرتب
  • تنظیم لیست به صورت نامرتب
  • تنظیم تصویر برای نشانگر لیست

در HTML  دو نوع ار انواع لیست وجود دارد

  • unordered lists     آیتم های لیست با یک نشانگرد گرد شکل مشکی ، نمایش داده میشوند
  • ordered lists     آیتم های لیست با اعداد یا حروف ، نشانه گذاری میشوند.
Css  این انعطاف پپذیری را به شما میدهد که نشانگر آیتم های لیست خود را به یک تصویر مدل دهید،که برای زیبایی طراحی سایت شما موثر میباشد.

admin بازدید : 156 سه شنبه 27 خرداد 1393 نظرات (0)

Text Color

در این بخش از آموزش css ، تنظیم متن و نوشته را آموزش میدهیم.

ویژگی color  برای تنظیم رنگ متن استفاده میشود.این ویژگی با 3 روش زیر میتواند مقدار دهی شود

  • HEX : مثال : "#ff000"
  •  RGB:  مثال :   (rgb(255,0,0
  • نام رنگ :  مثال :  red

رنگ پیش فرض در یک صفحه وب سایت بستگی به رنگ انتخاب شده در بدنه وب سایت شما دارد


admin بازدید : 125 سه شنبه 27 خرداد 1393 نظرات (0)

Font Family

در این بخش از آموزش css ، تنظیم قلم و فونت را آموزش میدهیم.

در css دو نوع از خانواده فونت ها وجود دارد.

  • "generic family" مثل  "Serif" یا "Monospace"
  • "font family" مثل "Times New Roman" یا "Arial"

با ویژگی font-family شما میتوانید نوع قلم مورد نظر را برای متن تنظیم کنید،چنانچه میخواهید از یک فونت خاص استفاده کنید ، نوع فونت مورد نظر خود را اول بنویسید ، چون ممکن است این فونت در کامپیوتر های دیگر موجود نباشد و باعث بهم ریختگی نظم خطوط شود میتوانید نام چند فونت دیگر را نیز وارد کنید.


admin بازدید : 173 سه شنبه 27 خرداد 1393 نظرات (0)

Background

در این بخش از آموزش css به توضیح ویژگی Background میپردازیم. ویژگی Background برای تعریف افکت های  پس زمینه برای یک عنصر به کار میرود.این ویژگی در طراحی وب سایت به شکیل تر شدن سایت شما کمک میکند.

انواع مختلفی از این ویژگی وجود دارد که به شرح هر یک از آنها میپردازیم

  1. background-color
  2. background-image
  3. background-repeat
  4. background-attachment
  5. background-position

admin بازدید : 118 سه شنبه 27 خرداد 1393 نظرات (0)

یکی از روشهای تعریف css استفاده از روش External Style Sheet میباشد.

برای داشتن طراحی سایت بهینه پیشنهاد میشود که از این روش استفاده کنید.

از CSS خارجی زمانی استفاده میشود که آن style در بیشتر صفحات استفاده شده باشد.
با استفاده از CSS خارجی ، شما با تغییر دادن تنهایک فایل میتوانید ظاهر سایت خود را تغییر دهید.هر صفحه بایستی به CSS Style مورد نظر خود لینک داده شود. بهترین روش برای گذاشتن CSS Style در صفحات وب ، CSS خارجی میباشد
با استفاده از تگ <link> در داخل بخش head شما میتوانید یک CSS خارجی تعریف کنید.
مثال :

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

CSS خارجی را میتوان در هر ویرایشگر متنی نوشت ، CSS Style ها باید با  فرمت css. ذخیره شوند. با استفاده از این سبک در واقع شما از یک Style میتوانید در چندین صفحه از وب سایت خود استفاده کنید.

برای نامگذاری فایل های CSS باید نکاتی را رعایت کرد که در بخش قوانین نام گذاری فایل های CSS  به طور کامل به آن خواهیم پرداخت.



admin بازدید : 127 سه شنبه 27 خرداد 1393 نظرات (0)

این روش از نوشتن css دارای بالاترین اولویت اجرا نسبت به دو روش دیگر است. استفاده از این روش تمامی Style های موجود در دو روش دیگر را نادیده میگیرد.این روش در واقع  هدف واقعی  استفاده از css را کاهش میدهد .

برای اینکه طراحی سایت بهینه تری داشته باشید پیشنهاد میشود که از این روش فقط در مواقع ضروری استفاده کنید.

با استفاده از ویژگی style در یک عنصر میتوانید از این روش نوشتن css استفاده کنید.

مثال :


<p style="background: blue; color: white;">A new background and
font color with inline CSS</p>



admin بازدید : 138 سه شنبه 27 خرداد 1393 نظرات (0)

با اینکه در سال‌های نخست پیدایش طراحی وب، طراح‌ها از جدول‌ها و ترفند پنهان سازی آنها برای چیدمان کمک می‌گرفتند، روش مدرن طراحی وب، این روند را منسوخ کرده است. چیدمان اکنون، تنها با دیواره (یا DIV)، که برتری‌های فراوانی نسبت به جدول‌ها (یا TABLE) دارند، انجام می‌شود. هر دیواره، یک موزاییک مجازی بخش کننده صفحه‌است که کار چیدمان را آسان‌تر انجام می‌دهد. جدول‌ها به جایگاه نمایش داده‌های ستونی خود بازگشتند و دیگر از آنها برای چیدن داده‌های صفحه‌های وب استفاده نمی‌شود. الگوهای آبشاری، افزون بر سبک تر کردن هر صفحه وب و پاک‌تر کردن آن، از داده‌های تصویری و نمایشی استاندارد، روش طراحی وب را به میزان فراوانی آسان تر و دسترسایی و کارایی وب را بهتر کرده‌اند.



admin بازدید : 157 سه شنبه 27 خرداد 1393 نظرات (0)

css چیست ؟ الگوهای آبشاری یا روی‌ انداز آبشاری سَبْک یا سی‌ اس‌ اس (به انگلیسی: CSS: Cascading Style Sheets ) در کنار اچ‌تی‌ام‌ال هستهٔ فناوری ساخت صفحه‌های وب هستند. سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. الگوهای آبشاری از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.


admin بازدید : 179 شنبه 24 خرداد 1393 نظرات (0)

با این کد شما میتوانید یک جدول از نتایج رقابت های لیگ برتر ایران در وبلاگ وسایت خود داشته باشید.این جدول در هر هفته که بازیهای لیگ برتر انجام خواهد شد  آپدیت می شود.این جدول سه ستونه نشانگر تیم ها و تعداد بازیها وامتیازات تیم های لیگ برتری است.


مشاهده جدول                               دریافت کد

 

 

admin بازدید : 126 شنبه 24 خرداد 1393 نظرات (0)

این کد بروز بودن قیمت سکه و ارز را در هر روز در وبلاگ و سایت شما نشان خواهد داد.مثلا قیمت سکه های تمام طرح قدیم وسکه های تمام طرح جدید و سکه های ربع ونیم  را نیز نشانگر می باشد.همچنین در ارز ها نیز نوع ارز قیمت خرید و قیمت فروش لحاظ شده است.که قیمت ها به تومان است.این کد نیز درهر روزآپدیت میشود در صورت آپدیت نشدن خطا را در نظرات وبلاگ گزارش کنید.



مشاهده جدول نرخ سکه                                  دریافت کد نرخ سکه

مشاهده جدول نرخ ارز                                      دریافت کد نرخ ارز  

 

 

 

admin بازدید : 135 شنبه 24 خرداد 1393 نظرات (0)

همیشه یکی از بزرگترین دغدغه ی وبلاگ نویسان،داشتن محل مناسبی برای آپلود فایل ها و تصاویر بوده است. فیلتر شدن آپلودسنترهای مختلفی داخلی و خارجی ، عدم سرویس دهی مناسب و همچنین حذف فایل ها پس از مدت محدود این معضل را همیشگی کرده بطوریکه وبلاگنویسان کمتر حرفه ای همیشه با مشکل روبرو هستند . شما با استفاده از این ابزار می توانید براحتی و بصورت مستقیم از سایت و وبلاگ خود عکس  و انواع فایل های گرافیکی را در یک فضای امن آپلود نموده و آدرس مستقیم آن را دریافت کنید . این ابزار  با کمک  آپلود سنتر قدرتمندIRimg  طراحی و در اختیار علاقمندان قرار گرفته است. یکی از مهم ترین و بهترین ویژگی این آپلود سنتر آن است که هر فایلی را با هر فرمتی میتواند آپلود کند.


مشاهده رنگ آبی آپلود سنتر                                        دریافت کد رنگ آبی

مشاهده رنگ قرمز آپلود سنتر                                       دریافت کد رنگ قرمز

مشاهده رنگ مشکی آپلود سنتر                                  دریافت کد رنگ مشکی

تعداد صفحات : 4

اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نظرسنجی
    کدام قسمت سایت مشکل داره؟
    شما در چه رده سنی می باشید؟
    آمار سایت
  • کل مطالب : 927
  • کل نظرات : 16
  • افراد آنلاین : 223
  • تعداد اعضا : 1600
  • آی پی امروز : 437
  • آی پی دیروز : 103
  • بازدید امروز : 1,890
  • باردید دیروز : 197
  • گوگل امروز : 0
  • گوگل دیروز : 1
  • بازدید هفته : 3,872
  • بازدید ماه : 3,872
  • بازدید سال : 57,052
  • بازدید کلی : 943,047